$color:#1890ff;
// * { touch-action: pan-y; }
.mg10{
  margin: 10px;
}
.mgt20 {
  margin-top: 20px;
}
.mgt10 {
  margin-top: 10px;
}
.mgb10 {
  margin-bottom: 10px;
}
.mgb20 {
  margin-bottom: 20px;
}
.mgl20{
  margin-left: 20px;
}
.mgl10{
  margin-left: 10px;
}
.mgr20{
  margin-right: 20px;
}
.mgr10{
  margin-right: 10px;
}


.pd10 {
  padding: 10px;
}
.pad10 {
  padding: 10px;
}
.pad20{
  padding: 20px;
}
.pdt20 {
  padding-top: 20px;
}
.pdt10 {
  padding-top: 10px;
}
.pdb10 {
  padding-bottom: 10px;
}
.pdb20 {
  padding-bottom: 20px;
}
.pdl20{
  padding-left: 20px;
}
.pdl10{
  padding-left: 10px;
}
.pdr20{
  padding-right: 20px;
}
.pdr10{
  padding-right: 10px;
}

.mmg10{
  margin: 10rpx;
}
.mmgt20 {
  margin-top: 20rpx;
}
.mmgt10 {
  margin-top: 10rpx;
}
.mmgb10 {
  margin-bottom: 10rpx;
}
.mmgb20 {
  margin-bottom: 20rpx;
}
.mmgl20{
  margin-left: 20rpx;
}
.mmgl10{
  margin-left: 10rpx;
}
.mmgr20{
  margin-right: 20rpx;
}
.mmgr10{
  margin-right: 10rpx;
}



.mpad10 {
  padding: 10rpx;
}
.mpdt20 {
  padding-top: 20rpx;
}
.mpdt10 {
  padding-top: 10rpx;
}
.mpdb10 {
  padding-bottom: 10rpx;
}
.mpdb20 {
  padding-bottom: 20rpx;
}
.mpdl20{
  padding-left: 20rpx;
}
.mpdl10{
  padding-left: 10rpx;
}
.mpdr20{
  padding-right: 20rpx;
}
.mpdr10{
  padding-right: 10rpx;
}


.flex{
  display: flex;
}
.fnw{
  flex-wrap: nowrap;
}
.jend{
  justify-content: flex-end;
}
.jstart{
  justify-content: flex-start;
}
.jcenter{
  justify-content: center;
}
.jbetween{
  justify-content: space-between;
}
.jaround{
  justify-content: space-around;
}
.fdc{
  flex-direction: column;
}
.fwrap{
  flex-wrap: wrap;
}
.fdr{
  flex-direction: row;
}
.fnmb{
  .el-form-item{
    margin-bottom: 0;
    padding: 4px 0;
  }
}
.acenter{
  align-items: center;
}
.accenter{
  align-content: center;
}
.tcenter{
  text-align: center;
}

.tbg{
  color: #979797;
  background-color: rgba(0, 0, 0, 0.04);
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 14px;
  color: #3C3C3C;
}

.nobreak{
  word-break: keep-all;
  white-space: nowrap;
}

.box-shadow {
  background-color: white;
  box-shadow: 0 0 10px rgb(236, 236, 236);
  border-radius: 6px;
}

.overShow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
  width: inherit;
}

.r10{
  border-radius: 10px !important;
}
.r20{
  border-radius: 20px !important;
}
.r-50{
  border-radius: 50%;
}
.bgc{
  background-image: linear-gradient(to right ,#6D49F7,#65B4F7);
}
.bgcw{
  background-image: linear-gradient(to right ,#6D49F7,#65B4F7);
  color: white;
}
.bgw{
  background-color: white;
}
.h100{
  height: 100%;
}
.bsz{
  box-sizing: border-box;
}
.appMain {
  /* 50= navbar  50  */
  min-height: calc(100vh - 108px);
}
.el-form--inline .el-form-item {
  margin-right: 12px !important;
}
.el-pagination .el-select .el-input{
  width: 90px;
}
.app-main{
  background-color: #f1f5ff;
}

.el-table--enable-row-hover .el-table__body tr:hover  {
  background-color: rgba(0, 0, 0, 0) !important;
}
.el-table{
  // background-color: #F5F7FD;
  background-color: unset;
  .el-table__inner-wrapper{
    &::before{
      background-color:unset;
    }
  }
  .el-table__header{
    margin-bottom: 10px;
    .TableHeaderClass{
      th{
        background-color: white !important;
        &:first-child{
          border-radius: 0 0 0 10px;
        }
        &:last-child{
          border-radius: 0 0 10px 0px;
        }
      }
    }
    .TableHeaderDarkClass{
      th{
        background-color: #F4F8FF !important;
        &:first-child{
          border-radius: 0 0 0 10px;
        }
        &:last-child{
          border-radius: 0 0 10px 0px;
        }
      }
    }
  }
  .el-table__body{
    border-collapse: separate;/*这是该属性的默认值，可以不要*/
    border-spacing: 0 10px;
    
    .TableRowClass,.TableRowDarkClass{
      // display: inline-block;
      margin-bottom: 10px;
      border-radius: 10px;
      box-shadow: 0 0 2px #ddd;
      td{
        &:first-child{
          border-radius: 10px 0 0 10px;
        }
        &:last-child{
          border-radius: 0 10px 10px 0;
        }
      }
    }
    .TableRowDarkClass{
      td{
        background-color: #F4F8FF;
      }
    }
  }

}
.notTabTop{
  .TableHeaderClass,.TableHeaderDarkClass{
    th{
      &:first-child{
        border-radius: 10px 0 0 10px !important;
      }
      &:last-child{
        border-radius: 0 10px 10px 0 !important;
      }
    }
  }
}
.el-dialog{
  background-color: hsl(226, 100%, 97%);
  border-radius: 10px;
}
.el-button{
  border-radius: 16px;
  &.el-button--primary{
    background-image: linear-gradient(to right ,#6D4BF7,var(--el-color-primary));
    color: white;
  }
}
.nmg{
  .el-tabs__header{
    margin: 0 !important;
  }
}
.talj{
  .el-form-item__label{
    text-align-last: justify;
  }
}
.width100{
  width: 100%;
}
.wid100{
  .el-form-item {
  width: 100% !important;
  .el-select{
    width: 100% !important;
  }
  .el-form-item__content {
    width: 100% !important;
  }
  .el-input-number{
    width: 100% !important;
  }
  .el-textarea{
    width: 100% !important;
  }
  .el-cascader{
    width: 100% !important;
  }
  .el-input{
    width: 100% !important;
  }
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
}
.tcenter{
  text-align: center;
}
.pointer{
  cursor: pointer;
}

.el-loading-mask{
  z-index: 3000 !important;
}

// :deep(.el-dialog){
  .el-dialog__body{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
// }
.fbnm{
  .el-button{
    margin: unset;
    margin: 5px;
  }
}
.isPc {
  height: 100%;
  
}

.fw100{
  display: flex;
  .el-form-item{
    flex:1;
    .el-select{
      width: 100%;
    }
    .el-input{
      width: 100%;
    }
  }
}
.w100{
  width: 100%;
}
.wkeep{
  word-break: keep-all;
  white-space: nowrap;
}
.el-descriptions__header{
  margin-bottom: 6px;
}


.el-descriptions__body{
  .el-descriptions__label{
    // text-align: center !important;
    width: 150px !important;
    word-break: keep-all !important;
  }
  .el-descriptions__content{
      max-width: 100px !important;
      min-width: 140px !important;
      // word-break: keep-all !important;
      // overflow: hidden;
      // text-align: center !important;
  }
}
.labelClassName {
  text-align: center !important;
  width: 150px !important;
  word-break: keep-all !important;
  //  min-width: 112px !important;
}
.contentClassName {
  max-width: 100px !important;
  word-break: keep-all !important;
  text-align: center !important;
}
.minWidthD {
  min-width: 700px;
  .el-dialog__body {
    padding: 6px 20px 10px 20px;
  }
}


 .slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both}


@-webkit-keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}
.slide-out-elliptic-top-bck{-webkit-animation:slide-out-elliptic-top-bck .7s ease-in both;animation:slide-out-elliptic-top-bck .7s ease-in both}


 @-webkit-keyframes slide-out-elliptic-top-bck{0%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}100%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:1}}@keyframes slide-out-elliptic-top-bck{0%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}100%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:1}}
 
 .slit-in-diagonal-1{-webkit-animation:slit-in-diagonal-1 .45s ease-out both;animation:slit-in-diagonal-1 .45s ease-out both}


@-webkit-keyframes slit-in-diagonal-1{0%{-webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);transform:translateZ(-800px) rotate3d(1,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{-webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);transform:translateZ(-160px) rotate3d(1,1,0,87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateZ(0) rotate3d(1,1,0,0);transform:translateZ(0) rotate3d(1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes slit-in-diagonal-1{0%{-webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);transform:translateZ(-800px) rotate3d(1,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{-webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);transform:translateZ(-160px) rotate3d(1,1,0,87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateZ(0) rotate3d(1,1,0,0);transform:translateZ(0) rotate3d(1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

.text-pop-up-top{-webkit-animation:text-pop-up-top 2s cubic-bezier(.25,.46,.45,.94) infinite alternate both;animation:text-pop-up-top 2s cubic-bezier(.25,.46,.45,.94) infinite alternate both}




 @-webkit-keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)}}@keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)}}

